<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/comnon.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/header.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="../../css/newsList.css">
    <link rel="stylesheet" href="../../css/goods.css">
    <script src="../../js/jquery.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="../../css/bootstarp.css">-->
    <!-- <link href="../../css/summor.css" rel="stylesheet"> -->
    <!--<script src="../../js/bootstarp.js"></script>-->
    <!-- <script src="../../js/summor.js"></script> -->
    <!-- <script src="../../js/tools.js"></script>      -->

</head>
<body  >
<div class="indexTop">
<div class="top">
    <div class="container clearfix">
        <div class="left">
            <a href="">One Request,Multiple Quotes</a>
        </div>
        <div class="right">
            <ul>
                <li>
                    <p><a href="">Subsidiary Company </a> </p>
                </li>
                <li>
                    <p><a href="">ABOUT</a></p>
                </li>
                <li>
                    <p><a href="">NEWS</a></p>
                </li>
                <li>
                    <p><a href="">EXHIBITION</a></p>

                </li>
                <li>
                    <p><a href="">CONTACT</a></p>

                </li>
                <li>
                    <a href=""><img src="../../images/icon3.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="../../images/icon2.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="../../images/icon1.jpg" alt=""></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="nav">
    <div class="container">
        <div class="navTop clearfix">
            <div class="left leftLogo">
                <a href="">
                    <img src="../../images/logo.png" alt="">
                </a>
            </div>
            <div class="left leftSearch">
                <form action="">
                    <div class="formContent">
                        <span>products</span>
                        <input type="text" class="products">
                    </div>
                    <div class="formSearch">
                        <input type="submit" value="search" class="search">
                    </div>

                </form>
            </div>
            <div class="right">
                <div class="signIn">
                    <img src="../../images/icon_person.jpg" alt="">
                    <a href="">Sign In |</a>
                </div>
                <div class="joinUs">
                    <a href="">Join Free My</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="banner" id="banner">
    <div class="slider">
        <a href="">
            <img src="../../images/newsBanner.jpg" alt="">
        </a>
    </div>
</div>
<div class="goods">
    <div class="container">
        <div class="breadMenu">
            <img src="../../images/home.png" alt="">
            <a href="">Home  / </a>
            <a href="">Abou0t /</a>
            <a href="">Cotton cleaner  /</a>
        </div>
        <div class="goodsArea clearfix">
            <div class="goodsShow left">
                <div class="goodsWrap">
                    <div class="goodsSmallImg" id="goodsSmallImg">
                        <div class="smallWrap" id="smallWrap">
                            <img src="../../images/goodsList.jpg" alt="" id="smallImg2" >
                            <div class="cursorPoint" id="cursorPoint"> </div>
                        </div>
                    </div>
                    <div class="goodsBigImg" id="goodsBigImg">
                        <img src="../../images/goodsList.jpg" alt="" id="img1">
                    </div>
                </div>
                <div class="goodsTabWrap" id="goodsTabWrap">
                    <a href="javascript:;" class="btnClick btn-prev"></a>
                    <a href="javascript:;" class="btnClick btn-next"></a>
                    <div class="goodsListTabWrap">
                        <div class="goodsListWrapUl">
                            <div class="goodsTabList">
                                <a href="javascript:;">
                                    <img src="../../images/goodsList.jpg" alt="" >
                                </a>
                            </div>
                            <div class="goodsTabList">
                                <a href="javascript:;">
                                    <img src="../../images/goodsList.jpg" alt="" >
                                </a>
                            </div>
                            <div class="goodsTabList">
                                <a href="javascript:;">
                                    <img src="../../images/goodsList.jpg" alt="" >
                                </a>
                            </div>
                            <div class="goodsTabList">
                                <a href="javascript:;">
                                    <img src="../../images/goodsList.jpg" alt="" >
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="goodsInfo right">
                <div class="goodsTitle">
                   <p class="title"><a href="">JWF0001;JWF1011AMULTIFUNCTION SEPARATORJWF0001</a></p>
                   <p class="desc"><span> wait for the offer</span>/  | ( Min. Order )<span></span></p>
                </div>
                <div class="goodsContent">
                    <p>
                        <span>Working Width(mm)  :</span> <span>1600</span>
                     </p>
                    <p>
                        <span>Production(Kg/h)  :</span><span>1300</span>
                    </p>
                    <p>
                        <span>Beater dia.(mm)  :</span>
                        <span>740(Inlet)/720(Outlet)</span>
                    </p>
                    <p>
                        <span>Beater speed (r/min)  :</span>
                        <span> 480~960(Inverter adjustment)</span>
                    </p>
                    <p>
                        <span>Numbers of Grid bars  :</span>
                        <span>80/ pieces /(Divided into L,R groups)(40 pieces per group)</span>
                    </p>
                    <p>
                        <span> Overall dimensions(L×W×H)（mm）  :</span>
                        <span>2275×1164 ×2912</span>
                    </p>
                </div>
                <div class="addGoodsCar">
                    <p class="contactSupplier" id="contactSupplier">CONTACT SUPPLIER</p>
                    <p class="compareSupplier">
                        <a class="">Add to Favorites</a>
                        <span>
                           <a href="">Share</a>
                           <a href=""><img src="../../images/icon3.jpg" alt=""></a>
                            <a href=""><img src="../../images/icon2.jpg" alt=""></a>
                             <a href=""><img src="../../images/icon1.jpg" alt=""></a>
                        </span>
                    </p>
                </div>
            </div>
        </div>
        <div class="goodsContentDesc">
            <p class="goodsContenttitle">
                JWF1102 SERIES SINGLE-ROLL OPENER
            </p>
           <p class="goodsContentText">
         This machine is used for processing various grades of raw cotton.
               The material processed is sucked into the machine by means of Condenser connected above this machine to go ahead spirally along splitter plate around the surface of compound beater for further opening and removing impurities. The waste separated by grid is fallen into the waste collecting box and is expelled into the filtration system. This machine regarded as pre-opener in blowroom or blowing-carding line is generally installed between Bale plucker and Mixer.
            </p>
            <p class="goodsContentText">
                This machine is used for processing various grades of raw cotton.
                The material processed is sucked into the machine by means of Condenser connected above this machine to go ahead spirally along splitter plate around the surface of compound beater for further opening and removing impurities. The waste separated by grid is fallen into the waste collecting box and is expelled into the filtration system. This machine regarded as pre-opener in blowroom or blowing-carding line is generally installed between Bale plucker and Mixer.
            </p>

            <p class="goodsContentText">
                This machine is used for processing various grades of raw cotton.
                The material processed is sucked into the machine by means of Condenser connected above this machine to go ahead spirally along splitter plate around the surface of compound beater for further opening and removing impurities. The waste separated by grid is fallen into the waste collecting box and is expelled into the filtration system. This machine regarded as pre-opener in blowroom or blowing-carding line is generally installed between Bale plucker and Mixer.
            </p>

            <p class="goodsContentText">
                This machine is used for processing various grades of raw cotton.
                The material processed is sucked into the machine by means of Condenser connected above this machine to go ahead spirally along splitter plate around the surface of compound beater for further opening and removing impurities. The waste separated by grid is fallen into the waste collecting box and is expelled into the filtration system. This machine regarded as pre-opener in blowroom or blowing-carding line is generally installed between Bale plucker and Mixer.
            </p>
            <div class="tableSection">
                <p>SPECIFICATIONS</p>
                <ul>
                    <li class="firstLine">
                        <div>
                           <span>essed</span>
                        </div>
                        <div>
                           <p>
                               <span>essfed</span>
                           </p>
                            <p>
                                <span>essed</span>
                            </p>
                        </div>

                    </li>
                    <li>
                        <div>
                            <span>working width</span>
                        </div>
                        <div>
                            <span>working width</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>working width</span>
                        </div>
                        <div>
                            <span>12300</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>working width</span>
                        </div>
                        <div>
                            <span>12300</span>
                        </div>
                    </li> <li>
                    <div>
                        <span>working width</span>
                    </div>
                    <div>
                        <span>12300</span>
                    </div>
                </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</div>
<div class="hideTanc">
    <div class="hideTitle">
        <span>CONTACT SUPPLIER</span>
        <cite class="hideClose">×</cite>
    </div>
    <div class="hideContent">
        <div class="hideSuccess">
            提交成功
        </div>
        <p class="hideTitleText">
          <span>China Textile Machinery (Group) Co., Ltd.</span>
        </p>
        <div class="hideImg">
            <div class="hideLeft">
                <img src="../../images/goodsDetail.jpg" alt="">
                <p>chinery (Group) Co., Ltd.</p>
            </div>
            <div class="hideRight">
                <p> <span>Working Width(mm)  : </span> <span>1600</span> </p>
                <p><span>Production(Kg/h)  : </span> <span>1300</span></p>
                <p><span>Beater dia.(mm)  : </span> <span>740(Inlet)/720(Outlet)</span> </p>
                <p><span>Beater speed (r/min)  : </span><span> 480~960(Inverter adjustment)</span></p>
                <p><span>Numbers of Grid bars  :</span>   <span>80/ pieces /(Divided into L,R groups)(40 pieces per group)</span></p>
                <p><span>Overall dimensions(L×W×H)（mm）  :</span>  2275×1164 ×2912</p>
            </div>
        </div>
        <div  class="hideMessage">
            <p class="hideMessageTitle"><span>*</span>Message</p>
            <p class="hideTips">Enter product details such as color, size, materials etc. and other specific requirements to receive an accurate quote.</p>
            <form action="https://www.2345.com/?38264-0010" class="hideForm" onsubmit="return check()">
                <div class="m">
                    <div class="summernote"></div>
                </div>
                <p class="hideMessageTitle"><span>*</span>Please enter your email address:</p>
                <div class="hideInput">
                    <p>
                        <input type="text" placeholder="email" class="email">

                    </p>
                    <p>
                        <input type="text" placeholder="phone" class="phone">

                    </p>
                    <p>
                        <input type="text" placeholder="company" class="company">
                    </p>
                </div>
                <input type="submit" value="Send aNow" class="sendBtn">
            </form>
            <div class="aggreTab">
                <input type="checkbox" id="aggreTab">
                <label for="aggreTab">I agree with temachinery.com’s Terms of Use.
                </label>
            </div>
        </div>
    </div>

</div>
<script src="../../js/scroll.js"></script>
<script src="../../js/fdj.js"></script>
<script>
    $(function () {
        $('.goodsArea').magnifier();
    });
    $(function(){
        // $('.summernote').summernote({
        //     height: 100,
        //     tabsize: 2,
        //     lang: 'zh-CN'
        // });
    });
    function  check() {
        alert($('#aggreTab').value())
        console.log($('#aggreTab').checked())
        if($('#aggreTab').checked()){
            if($('.phone').html()&&$('.compant').html()&&$('.email').html()){
                return true
            }
        }else{
            alert('请先同意协议')
            return false
        }
    }
    $('#contactSupplier').click(function () {
        $('.indexTop').addClass('hideC')
        $('.hideTanc').fadeIn(300)

    })
    $('.sendBtn').click(function () {

    })
    $('.hideClose').click(function () {
        $('.hideTanc').fadeOut(300)
        $('.indexTop').removeClass('hideC')

    })

</script>
</body>
</html>